<template>
	<view class="containers">
		<view class="contractBox">
			<view class="successBox">
				<img class="icon" src="../../static/img/setting/error.png" alt="">
				<view class="title" style="font-size: 17px;">账号注销后，将放弃以下资产和权益</view>
			</view>
			<view class="ed-form margin-top bg-white">
			  <!-- 姓名 -->
			  <view class="cu-form-group" @tap="toggleModal('name')">
			    <view class="title">1.账户信息和实名认证内容将清空且无法恢复</view>
			  </view>
			  <!-- 手机号码 -->
			  <view
			    class="cu-form-group">
			    <view class="title">2.注销在平台开通的e账户</view>
			  
			  </view>
			  <view class="cu-form-group" >
			    <view class="title">3.交易记录将被清空</view>
			  </view>
			  <view class="cu-form-group">
			    <view class="" style="width: 100%;color: #999999;">· 请确保所有交易已完结且无纠纷</view>
				
			  </view>
			  <view class="" style="width: 100%;padding-left: 16px;padding-bottom:16px;color: #999999;">
			  	· 用户在平台的历史交易可能产生的资金权益等被视为自动放弃
			  </view>
			</view>
			<button type="" class="btn first_b" @tap="contractURL()"> 下一步</button>
		</view>
	</view>
</template>

<script>
	const Page = require('../../utils/mtj-wx-sdk.js').Page;
	// import { userRegCheck } from "../../api/user";
	import uniPopup from "@/components/uni-popup/uni-popup.vue";
	import { contractURL,signResult } from "../../api/user";
	export default {
		data() {
			return {
				link:'',
				timer:null,
				next:false,
				isContract:false,
				conSuccess:true,
				companyName:'',
				webUrl:'',
				transaction_id:''
			}
		},
		methods: {
			contractURL(){
				uni.navigateTo({
					url:"/pages/settingsPage/subLog"
				})
			},
		},
		 onLoad(e) {
		},
	  onUnload: function() {
		if (this.timer) {
		  clearInterval(this.timer)
		  this.timer = null
		}
	  }
	}
</script>

<style lang="scss" scoped>
	.btn{
		width: 343px;
		height: 48px;
		border-radius: 6px;
		margin-bottom: 20px;
	}
	uni-button:after{
		border:0;
	}
	.first_b{
		background: #0AC770;
		color: #FFFFFF;
		margin-top: 30px;
	}
	.sec_b{
		color: #333333;
		background:rgba(227,227,227,1);
	}
	.three_b{
		color: #333333;
		font-size: 16px;
		line-height: 48px;
		background:rgba(227,227,227,1);
	}
	.icon{
		display: block;
		width: 64px;
		height: 64px;
		margin: 0 auto;
		// padding-top: 32px;
	}
	.title{
		text-align: center;
		font-weight:400;
		color:#333333;
		font-size: 15px;
		padding: 16px 0 8px 0px;
		height: 100%;
	}
	.name{
		font-size:13px;
		font-weight:400;
		color:rgba(153,153,153,1);
		text-align: center;
		padding-bottom: 34px;
	}
	.successBox{
		padding-top: 32px;
		background-color: #FFFFFF;
		height: 173px;
		box-sizing: border-box;
	}
	.mp-list {
	    background-color: #ffffff;
	    margin-bottom: 10px;
	    .mp-list__inner {
	      padding: 14px 0;
	      margin: 0 16px;
	      border: none;
	      border-bottom: 1px solid #f1f1f1;
	      display: flex;
	      justify-content: space-between;
	      .mp-list__title {
	        font-size: 17px;
	        font-weight: 400;
	        color: rgba(51, 51, 51, 1);
	        line-height: 24px;
	      }
	    }
	  }
</style>
     
  
